
//饼图
function pieEvt(data1st,legend,ele){
    var pieOpt={
        color : ['#FFBA3F', "#ff8700","#00a9e1","#360293","#0046af"],
        tooltip : {
            trigger: 'item',
            confine : true,//显示的位置调整
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            bottom: 10,
            left: 'center',
            textStyle:{
                color: 'rgba(255,255,255,0.8)'
            },
            data:legend
        },
        series : [
            {
                name: '',
                type: 'pie',
                radius : '50%',
                center: ['45%', '40%'],
                data:data1st,
                startAngle:140,
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                label: {
                    normal: {
                        show: true,
                        formatter: '{b}\nIP:{c}\n{d}%'

                    },
                    emphasis: {
                        show: true,
                        formatter: '{b}\nIP:{c}\n{d}%'
                    }
                },
                lableLine: {
                    normal: {
                        show: false
                    },
                    emphasis: {
                        show: false
                    }
                },
            }
        ]
    }
    var pie1Chart = echarts.init(document.getElementById(ele));
    pie1Chart.setOption(pieOpt);
    window.addEventListener("resize", function () {
        pie1Chart.resize();
    });
}

function barEvt(dataX,data1,data2,ele){
    var barOption = {
        color:["#c8fd6f","#08e2ca"],
        tooltip: {
            trigger: 'axis'
    //      axisPointer: {
    //          type: 'cross',
    //          crossStyle: {
    //              color: '#999'
    //          }
    //      }
        },
        legend: {
            show:true,
            top:'top',
            textStyle:{
                color:'#fff'
            },
          data:['平台IP数量','设备数量']
        },
        grid: {
            left:30,
            top: 45,
            right:30
        },
        xAxis: [
            {
              type: 'category',
              data: dataX,
              axisPointer: {
                  type: 'shadow'
              },
              axisLabel:{
                show: true,
                color:'#c0d4da',
                interval:false,
                rotate : 30,
            },
                axisLine:{
                    show:true,
                    lineStyle:{
                        color:'#c0d4da'
                    }
                }
            }
        ],
        yAxis: [
            {
              type: 'value',
              name: '',
              min: 0,
              max: 200,
              interval: 50,
              axisLabel: {
                color:'#c0d4da'
              },
              axisLine:{
                    show:true,
                    lineStyle:{
                        color:'#c8fd6f'
                    }
                },
                splitLine:{
                    lineStyle:{
                        color:'#272858'
                    }
                }
            },
            {
                type: 'value',
                name: '单位：万',
                min: 0,
                max: 7,
                interval: 1,
                axisLabel: {
                    color:'#c0d4da'
                  },
                  axisLine:{
                        show:true,
                        lineStyle:{
                            color:'#08e2ca'
                        }
                    },
                    splitLine:{
                        lineStyle:{
                            color:'#272858'
                        }
                    }
            }
        ],
        series: [
            {
                name:'平台IP数量',
                type:'bar',
                barWidth:'25%',
                data:data2
           },
          {
            name:'设备数量',
            type:'line',
            smooth:true,
            symbol: 'circle',
            barWidth:'25%',
            data:data1,
            yAxisIndex: 1,
          }
        ]
    };
    var barChart = echarts.init(document.getElementById(ele))
    barChart.setOption(barOption);
    window.addEventListener("resize", function () {
        barChart.resize();
    });
}
//var dataX=['北京','重庆','浙江','黑龙江','山东','内蒙古','江苏','广东','上海','天津']
//var data2=[59,48,46,39,38,36,28,27,26,19]
//var data1=[92.6436,61.9648,57.1947,48.9124,87.4637,62.1975,81.6474,57.1864,53.1283,47.8365]
var dataX=['山东','广东','北京','重庆','福建','江苏','上海','湖南','天津','湖北']
var data2=[169,53,49,38,29,25,20,14,9,7]
var data1=[5.4991,5.0501,1.7787,1.3761,3.3070,6.2675,1.1508,1.0266,0.5142,0.8520]

//var dataX=['北京','上海','广东','天津','内蒙古','山东','江苏','浙江','重庆','黑龙江']
//var data2=[59,26,27,19,36,38,28,46,48,39]
//var data1=[92.6436,53.1283,57.1864,47.8365,62.1975,87.4637,81.6474,57.1947,61.9648,48.9124]
barEvt(dataX,data1,data2,"gyBar1")

var data1st=[
    {name:'云资源',value:34181},
    {name:'ISP/专线',value:401017},
    {name:'传统IDC',value:173166},
]
var lendgend=["传统IDC","云资源","ISP/专线"]
pieEvt(data1st,lendgend,"gyPie1")


var pieData=[
    {value: 607932, name: "暴露设备"},
    {value: 22425, name: "风险设备"},
]
var legend=['暴露设备','风险设备']

var pie3Opt = {
    color : ["#00a9e1", "#ff8700"],
    backgroundColor: 'transparent',
    legend: {
        orient: 'horizontal',
        top: '80%',
        data:legend,
        textStyle:{
            color:'#fff'
        }
    },
    tooltip : {
        trigger: 'item',
        formatter: "{a} <br/>{b} : {c} ({d}%)",
        position:'right'
    },
    series: [{
        name: '',
        type: 'pie',
        radius: ['45%', '60%'],
        center: ['45%', '40%'],
        hoverAnimation: true,
        label: {
            normal: {
                show: false,
                position: 'center'
            },
            emphasis: {
                show: false,
                textStyle: {
                    fontSize: '30',
                    fontWeight: 'bold'
                }
            }
        },
        data: pieData
    },{
        name: '',
        type: 'pie',
        clockWise: true,
        hoverAnimation: false,
        animationType: 'scale',
        radius: [200, 200],
        center: ['45%', '40%'],
        label: {
            normal: {
                position: 'center'
            }
        },
        data: [{
            value: 0,
            label: {
                normal: {
                    formatter: '优',
                    textStyle: {
                        color: '#20fd07',
                        fontSize: 25,
                        fontWeight: 'bold'
                    }
                }
            }
        }, {
            tooltip: {
                show: false
            },
            label: {
                normal: {
                    formatter: '\n95/100分',
                    textStyle: {
                        color: '#bbeaf9',
                        fontSize: 16
                    }
                }
            }
        }]
    }]
};
var pie3Chart = echarts.init(document.getElementById('gyPie2'))
pie3Chart.setOption(pie3Opt)
window.addEventListener("resize", function () {
    pie3Chart.resize();
});



//地图
var data = [
	{name: '山东',value: 54991 ,ptValue:169,ipValue:169},
	{name: '广东',value: 50501 ,ptValue:53,ipValue:53},
	{name: '北京',value: 17787 ,ptValue:49,ipValue:49},
	{name: '重庆',value: 13761 ,ptValue:38,ipValue:38},
	{name: '福建',value: 33070 ,ptValue:29,ipValue:29},
	{name: '江苏',value: 62675 ,ptValue:25,ipValue:25},
	{name: '上海',value: 11508 ,ptValue:20,ipValue:20},
	{name: '湖南',value: 10266 ,ptValue:14,ipValue:14},
    {name: '天津',value: 5142,ptValue:9,ipValue:9},
    {name: '湖北',value: 8520 ,ptValue:7,ipValue:7},
    {name: '河北',value: 21806,ptValue:1,ipValue:0},
    {name: '河南',value:18007 ,ptValue:0,ipValue:0},
    {name: '云南',value: 4445 ,ptValue:4,ipValue:0},
    {name: '辽宁',value: 36774 ,ptValue:0,ipValue:0},
    {name: '黑龙江',value: 15532 ,ptValue:0,ipValue:0},
    {name: '安徽',value: 25004 ,ptValue:2,ipValue:0},
    {name: '新疆',value: 4652,ptValue:0,ipValue:0},
    {name: '浙江',value: 54489 ,ptValue:3,ipValue:0},
    {name: '江西',value: 8230 ,ptValue:0,ipValue:0},
    {name: '广西',value: 4845 ,ptValue:0,ipValue:0},
    {name: '甘肃',value: 2726 ,ptValue:2,ipValue:0},
    {name: '山西',value: 5021 ,ptValue:1,ipValue:0},
    {name: '内蒙古',value: 627 ,ptValue:4,ipValue:0},
    {name: '陕西',value: 6137 ,ptValue:0,ipValue:0},
    {name: '吉林',value: 13780 ,ptValue:0,ipValue:0},
    {name: '贵州',value: 8225 ,ptValue:0,ipValue:0},
    {name: '青海',value: 1506 ,ptValue:2,ipValue:0},
    {name: '西藏',value: 1798 ,ptValue:0,ipValue:0},
    {name: '四川',value: 14143 ,ptValue:1,ipValue:0},
    {name: '宁夏',value: 1791 ,ptValue:0,ipValue:0},
    {name: '海南',value: 3567 ,ptValue:0,ipValue:0},
    {name: '台湾',value: 0 ,ptValue:0,ipValue:0},
    {name: '香港',value: 0 ,ptValue:0,ipValue:0},
    {name: '澳门',value: 0 ,ptValue:0,ipValue:0},
    {name: '金华',value: 0,ptValue:0,ipValue:0},
    {name: '岳阳',value: 0,ptValue:0,ipValue:0},
    {name: '长沙',value: 0,ptValue:0,ipValue:0},
    {name: '廊坊',value: 0,ptValue:0,ipValue:0},
    {name: '菏泽',value: 0,ptValue:0,ipValue:0},
    {name: '合肥',value: 0,ptValue:0,ipValue:0},
    {name: '武汉',value: 0,ptValue:0,ipValue:0},
];
var geoCoordMap = {
	'山东':[118.7402,36.4307],
	'广东':[113.4668,22.8076],
	'北京':[116.46,39.92],
	'重庆':[106.54,29.59],
	'福建':[119.3,26.08],
	'江苏':[120.0586,32.915],
	'上海':[121.48,31.22],
	'湖南':[113,28.21],
	'天津':[117.2,39.13],
	'湖北':[114.31,30.52]
	
	/*'黑龙江':[128.1445,48.5156],
	'浙江':[120.498,29.0918],
	'内蒙古':[117.5977,44.3408],
    '海门':[121.15,31.89],
    '鄂尔多斯':[109.781327,39.608266],
    '招远':[120.38,37.35],
    '舟山':[122.207216,29.985295],
    '齐齐哈尔':[123.97,47.33],
    '盐城':[120.13,33.38],
    '赤峰':[118.87,42.28],
    '青岛':[120.33,36.07],
    '乳山':[121.52,36.89],
    '金昌':[102.188043,38.520089],
    '泉州':[118.58,24.93],
    '莱西':[120.53,36.86],
    '日照':[119.46,35.42],
    '胶南':[119.97,35.88],
    '南通':[121.05,32.08],
    '拉萨':[91.11,29.97],
    '云浮':[112.02,22.93],
    '梅州':[116.1,24.55],
    '文登':[122.05,37.2],
    
    '攀枝花':[101.718637,26.582347],
    '威海':[122.1,37.5],
    '承德':[117.93,40.97],
    '厦门':[118.1,24.46],
    '汕尾':[115.375279,22.786211],
    '潮州':[116.63,23.68],
    '丹东':[124.37,40.13],
    '太仓':[121.1,31.45],
    '曲靖':[103.79,25.51],
    '烟台':[121.39,37.52],
    '福州':[119.3,26.08],
    '瓦房店':[121.979603,39.627114],
    '即墨':[120.45,36.38],
    '抚顺':[123.97,41.97],
    '玉溪':[102.52,24.35],
    '张家口':[114.87,40.82],
    '阳泉':[113.57,37.85],
    '莱州':[119.942327,37.177017],
    '湖州':[120.1,30.86],
    '汕头':[116.69,23.39],
    '昆山':[120.95,31.39],
    '宁波':[121.56,29.86],
    '湛江':[110.359377,21.270708],
    '揭阳':[116.35,23.55],
    '荣成':[122.41,37.16],
    '连云港':[119.16,34.59],
    '葫芦岛':[120.836932,40.711052],
    '常熟':[120.74,31.64],
    '东莞':[113.75,23.04],
    '河源':[114.68,23.73],
    '淮安':[119.15,33.5],
    '泰州':[119.9,32.49],
    '南宁':[108.33,22.84],
    '营口':[122.18,40.65],
    '惠州':[114.4,23.09],
    '江阴':[120.26,31.91],
    '蓬莱':[120.75,37.8],
    '韶关':[113.62,24.84],
    '嘉峪关':[98.289152,39.77313],
    '广州':[113.23,23.16],
    '延安':[109.47,36.6],
    '太原':[112.53,37.87],
    '清远':[113.01,23.7],
    '中山':[113.38,22.52],
    '昆明':[102.73,25.04],
    '寿光':[118.73,36.86],
    '盘锦':[122.070714,41.119997],
    '长治':[113.08,36.18],
    '深圳':[114.07,22.62],
    '珠海':[113.52,22.3],
    '宿迁':[118.3,33.96],
    '咸阳':[108.72,34.36],
    '铜川':[109.11,35.09],
    '平度':[119.97,36.77],
    '佛山':[113.11,23.05],
    '海口':[110.35,20.02],
    '江门':[113.06,22.61],
    '章丘':[117.53,36.72],
    '肇庆':[112.44,23.05],
    '大连':[121.62,38.92],
    '临汾':[111.5,36.08],
    '吴江':[120.63,31.16],
    '石嘴山':[106.39,39.04],
    '沈阳':[123.38,41.8],
    '苏州':[120.62,31.32],
    '茂名':[110.88,21.68],
    '嘉兴':[120.76,30.77],
    '长春':[125.35,43.88],
    '胶州':[120.03336,36.264622],
    '银川':[106.27,38.47],
    '张家港':[120.555821,31.875428],
    '三门峡':[111.19,34.76],
    '锦州':[121.15,41.13],
    '南昌':[115.89,28.68],
    '柳州':[109.4,24.33],
    '三亚':[109.511909,18.252847],
    '自贡':[104.778442,29.33903],
    '吉林':[126.57,43.87],
    '阳江':[111.95,21.85],
    '泸州':[105.39,28.91],
    '西宁':[101.74,36.56],
    '宜宾':[104.56,29.77],
    '呼和浩特':[111.65,40.82],
    '成都':[104.06,30.67],
    '大同':[113.3,40.12],
    '镇江':[119.44,32.2],
    '桂林':[110.28,25.29],
    '张家界':[110.479191,29.117096],
    '宜兴':[119.82,31.36],
    '北海':[109.12,21.49],
    '西安':[108.95,34.27],
    '金坛':[119.56,31.74],
    '东营':[118.49,37.46],
    '牡丹江':[129.58,44.6],
    '遵义':[106.9,27.7],
    '绍兴':[120.58,30.01],
    '扬州':[119.42,32.39],
    '常州':[119.95,31.79],
    '潍坊':[119.1,36.62],
    
    '台州':[121.420757,28.656386],
    '南京':[118.78,32.04],
    '滨州':[118.03,37.36],
    '贵阳':[106.71,26.57],
    '无锡':[120.29,31.59],
    '本溪':[123.73,41.3],
    '克拉玛依':[84.77,45.59],
    '渭南':[109.5,34.52],
    '马鞍山':[118.48,31.56],
    '宝鸡':[107.15,34.38],
    '焦作':[113.21,35.24],
    '句容':[119.16,31.95],
    
    '徐州':[117.2,34.26],
    '衡水':[115.72,37.72],
    '包头':[110,40.58],
    '绵阳':[104.73,31.48],
    '乌鲁木齐':[87.68,43.77],
    '枣庄':[117.57,34.86],
    '杭州':[120.19,30.26],
    '淄博':[118.05,36.78],
    '鞍山':[122.85,41.12],
    '溧阳':[119.48,31.43],
    '库尔勒':[86.06,41.68],
    '安阳':[114.35,36.1],
    '开封':[114.35,34.79],
    '济南':[117,36.65],
    '德阳':[104.37,31.13],
    '温州':[120.65,28.01],
    '九江':[115.97,29.71],
    '邯郸':[114.47,36.6],
    '临安':[119.72,30.23],
    '兰州':[103.73,36.03],
    '沧州':[116.83,38.33],
    '临沂':[118.35,35.05],
    '南充':[106.110698,30.837793],
    
    '富阳':[119.95,30.07],
    '泰安':[117.13,36.18],
    '诸暨':[120.23,29.71],
    '郑州':[113.65,34.76],
    '哈尔滨':[126.63,45.75],
    '聊城':[115.97,36.45],
    '芜湖':[118.38,31.33],
    '唐山':[118.02,39.63],
    '平顶山':[113.29,33.75],
    '邢台':[114.48,37.05],
    '德州':[116.29,37.45],
    '济宁':[116.59,35.38],
    '荆州':[112.239741,30.335165],
    '宜昌':[111.3,30.7],
    '义乌':[120.06,29.32],
    '丽水':[119.92,28.45],
    '洛阳':[112.44,34.7],
    '秦皇岛':[119.57,39.95],
    '株洲':[113.16,27.83],
    '石家庄':[114.48,38.03],
    '莱芜':[117.67,36.19],
    '常德':[111.69,29.05],
    '保定':[115.48,38.85],
    '湘潭':[112.91,27.87],
    '金华':[119.64,29.12],
    '岳阳':[113.09,29.37],
    '长沙':[113,28.21],
    '衢州':[118.88,28.97],
    '廊坊':[116.7,39.53],
    '菏泽':[115.480656,35.23375],
    '合肥':[117.27,31.86],
    '武汉':[114.31,30.52],
    '大庆':[125.03,46.58]*/
};
var convertData = function (data) {
    var res = [];
    for (var i = 0; i < data.length; i++) {
        var geoCoord = geoCoordMap[data[i].name];
        if (geoCoord) {
            res.push({
                name: data[i].name,
                value: geoCoord.concat(data[i].ipValue)
            });
        }
    }
    return res;
};
var optionMap = {
    tooltip: {
        trigger: 'item',
        formatter: function(params) {
            console.log(params)
            if(!params.value[2]){
                return '<div>'+params.name+'</div>'+
                '<div>接入设备数量：'+params.data.value+'</div>'+
                '<div>接入平台数量：'+params.data.ptValue+'</div>'
            }else{
                return '<div>'+params.name+'</div>'+
                '<div>平台接入IP数量：'+params.value[2]+'</div>'
            }
        }
    },
    visualMap: {
        seriesIndex: 0,
        min: 10000,
        max: 65000,
        left: '3%',
        bottom: '5%',
        itemHeight:'100',
        seriesIndex: [1],
        text:['设备数量'],
        inRange: {
           //color: ['#0ef0e6','#076ba6']
    color: ['#3AE9F2','#FFBA3F']
        },
        calculable: true,
        textStyle:{
            color:'#fff'
        }
        },
    geo: {
        map: 'china',
        label: {
          emphasis: {
            show: false
          }
        },
       // roam: true, //是否允许缩放
        zoom: 1.2,
        layoutSize: "100%",
        itemStyle: {
          normal: {
            borderColor: '#16cffa',
            borderWidth: 1,
            areaColor: '#388ec7'
          },
          emphasis: {
            //areaColor: '#011B34'
          }
        },
        regions: []
      },
    series: [{
        geoIndex: 0,
        name: 'Top 50',
        type: 'effectScatter',
        coordinateSystem: 'geo',
        data: convertData(data),
        symbolSize: function (val) {
        	var value = val[2];
        	if(value <= 40){
        		value = value / 2;
        	}else if(value <= 80){
        		value = value / 3;
        	}else if(value <= 120){
        		value = value / 4;
        	}else if(value <= 160){
        		value = value / 5;
        	}else if(value <= 200){
        		value = value / 6;
        	}else{
        		value = value / 7;
        	}
            return value;//地图上显示图大小
        },
        showEffectOn: 'render',
        rippleEffect: {
            brushType: 'stroke'
        },
        hoverAnimation: true,
        label: {
            normal: {
                formatter: '{b}',
                position: 'right',
                show: false
            }
        },
        itemStyle: {
            normal: {
                color: '#09e24b',
                shadowBlur: 10,
                shadowColor: '#333'
            }
        }
    },{
        name: '机房数量',
        type: 'map',
        map: 'china',
        zoom: 1.2,
        geoIndex: -1,
        data: data,
        label: {
            normal: {
                show: false,
            },
            emphasis: {
                show: false,
            },
        },
        itemStyle: {
			normal: {
				show:false,
				borderColor: '#134b99',
				borderWidth: 1,
				areaColor: '#388ec7',
				opacity:0.8
			},
			emphasis: {
				areaColor: '#fce24f',
				borderColor: '#fce24f'
			}
		},
    }]
};
var mapChart = echarts.init(document.getElementById('webChina'))
mapChart.setOption(optionMap)
window.addEventListener("resize", function () {
    mapChart.resize();
});
ranklistRight2Data()
function ranklistRight2Data(){
	var ranklistRight2 = $('#ranklistRight2');
	ranklistRight2.empty();
	var datas = [
		['COSMOPlat',354,80,72656,'3,375,325,679'],
		['徐工工业云',14,1,23782,'531,361'],
		['根云平台',9,6,473,'25,417'],
		['航天云网INDICS',8,3,79,'4,714'],
		['浪潮m81',7,2,79,'5,240,724'],
		['用友-精智',7,2,237,'3,751,055,097'],
		['宝信工业互联网平台',5,3,0,'65,662,389'],
		['中国移动OneNET',5,3,4654,'4,774'],
		['机智云gitzwisiotenterprise',3,1,13,'13,963,851'],
		['普奥云proudthink',3,1,18,'84,307'],
		['电信CPS平台',2,2,152,'1,534,337'],
		['和利时hiacloud',2,2,57,'2,168,306'],
		['华为oceanconnect',2,1,0,'50,462'],
		['华为oceanconnect',2,1,0,'40'],
		['寄云科技neuseer',2,2,2389,'218'],
		['智能云科isesol',2,1,0,'9,977'],
		['阿里云ET大脑',1,1,53,'43,901,788'],
		['东方国信BIOP平台',1,1,288,'282'],
		['富士康beacon',1,1,629,'3,615'],
		['石化盈科promace',1,1,0,'53'],
		['索为-SYSWARE',1,1,5,'1,886'],
		['中船工业-船舶工业智能运营平台',1,1,10,'0']
	];
	var str = "<table class='tab_content'>";
	for(var i = 0 ; i < datas.length ; i++){
		str +="<tr>"+
    	"<td style='width:80px;' title='"+datas[i][0]+"'>"+datas[i][0]+"</td>"+
    	"<td style='width:40px;' title='"+datas[i][1]+"'>"+datas[i][1]+"</td>"+
    	"<td style='width:50px;' title='"+datas[i][2]+"'>"+datas[i][2]+"</td>"+
    	"<td style='width:80px;' title='"+datas[i][3]+"'>"+datas[i][3]+"</td>"+
    	"<td title='"+datas[i][4]+"'>"+datas[i][4]+"</td>"+
    	"</tr>"
	}
	str +="</table>";
	ranklistRight2.append(str);
}

mapChart.on('click',function(params){
    if(params.name=="山东"){
        $('body').append("<a href='山东省内监测Cisms.html' class='link_btn' ><span></span></a>")
        $(".link_btn span").trigger("click");
    }
    
})









